@charset "utf-8";

.footer{position: relative; background: #ebebeb;}

.friendship-layer{position: relative; border-bottom: 1px solid #ddd;}
.friendship-layer > .container .hd{float: left; margin-top: 15px; width: 95px; font-size: 1.125em; line-height: 34px;}
.friendships{margin-right: -10px; margin-left: 95px;}
.friendships .select{float: left; width: 18%; padding-bottom: 15px;}
.friendships .select.s3{width: 28%;}
.friendships .select dt{position: relative; z-index: 11; margin-top: 15px; margin-right: 10px; margin-left: 10px;}
.friendships .select dt a{display: block; position: relative; padding-right: 15px; padding-left: 15px; height: 34px; color: #000; line-height: 34px; cursor: pointer;}
.friendships .select dt a b{display: inline-block; width: 0; height: 0; height: 0; margin-left: 5px; border: 10px solid transparent; border-bottom-color: #808080; overflow: hidden;}
.friendships .select dt a:hover{color: inherit;}
.friendships .select.on dt a{color: #2354af;}
.friendships .select.on dt a b{ border-bottom-color: #025192;}
.friendships .select dd{position: absolute; right: 0; left: 0; bottom: 100%; z-index: 99; display: none; font-size: 0.9375em; background: #fff; border-top: 2px solid #025192;}
.friendships .select dd ul{padding: 15px 0;}
.friendships .select dd ul li{float: left;}
.friendships .select dd ul li a{display: inline-block ; padding: 5px;}
.friendships .select dd ul.col4 li{width: 25%;}
.friendships .select dd ul.col5 li{width: 20%;}
.friendships .select dd ul.col6 li{width: 16.66667%;}
@media (max-width:1280px){
  .friendship-layer > .container{padding-top: 5px; padding-bottom: 20px;}
  .friendship-layer > .container .hd{display: none;}
  .friendships{margin-right: -7px; margin-left: -8px;}
  .friendships .select{position: relative; width: 50% !important; padding-bottom: 0;}
  .friendships .select dt{margin-top: 15px; margin-right: 7px; margin-left: 8px;}
  .friendships .select dt a{font-size: 15px; background-color: #fff;}
  .friendships .select dt a b{position: absolute; top: 50%; right: 10px; margin-top: -3px; border-width: 6px; border-top-color: #808080; border-bottom-color: transparent !important;}
  .friendships .select.on dt a{box-shadow: 3px 3px 8px rgba(0,0,0,.1);}
  .friendships .select.on dt a b{border-top-color: #025192;}
  .friendships .select dd{top: 51px; right: 7px; left: 8px; bottom: auto; padding: 10px 0 10px 10px; box-shadow: 0 0 15px rgba(0,0,0,.05); border-top: none;}
  .friendships .select dd > .container{width: auto !important; padding: 0;}
  .friendships .select dd ul{padding: 0; max-height: 278px; overflow: auto;}
  .friendships .select dd ul li{width: 100% !important;}
  .friendships .select{width: 50%;}
}
@media (max-width:450px){
  .friendships .select{width: 100% !important;}
  .friendships .select dd{position: static; z-index: 11; margin-right: 7px; margin-left: 8px;}
  .friendships .select dd ul{max-height: 148px;}
}

.footer .bqxx{margin-right: -10px; margin-left: -10px; font-size: .875em; line-height: 2.25em;}
.footer .bqxx span{display: inline-block; margin-right: 10px; margin-left: 10px;}
.footer .bqxx span.beian{white-space: nowrap;}
.footer .bqxx span.beian img{margin-right: 5px;}
.footer-card{position: relative; z-index: 1; padding: 20px 0;}
.footer-menu{margin: 0 -10px 10px; font-size: .9375em; text-align: center;}
.footer-menu li{display: inline-block;}
.footer-menu li a{display: inline-block; margin-right: 10px; margin-left: 10px;}
.footer-menu li.last font{display: none;}
.footer-menu li:last-child font{display: none;}
.footer-grid{position: relative; padding-right: 15%; padding-left: 20%; text-align: center;}
.footer-grid .bqxx{color: #999;}
.footer-grid .bqxx a{color: #999;}
.footer-grid .bqxx a:hover{text-decoration: underline;}
.footer-grid .biaozhi{position: absolute; top: 50%; right: 0; margin-top: -40px; width: 15%; text-align: center;}
.footer-grid .biaozhi span{display: inline-block;}
.footer-grid .jiucuo{position: absolute; top: 50%; left: 0; margin-top: -28px; width: 20%; text-align: left;}
.footer-grid .jiucuo span{display: inline-block;}
.footer-grid .jiucuo span#_span_jiucuo{margin-right: 10px;}
.footer-grid .jiucuo span#_span_jiucuo img{background: #dcdde1;}
.footer-grid .jiucuo span#_span_wzafw img{background: #dcdde1;}
@media (max-width:1280px){
  .footer-grid{padding-right: 0; padding-left: 0; text-align: center;}
  .footer-grid .biaozhi{position: static; display: inline-block; margin-top: .625em; width: auto; text-align: center;}
  .footer-grid .biaozhi span{display: inline-block; vertical-align: middle;}
  .footer-grid .jiucuo{position: static; display: inline-block; margin-top: .625em; width: auto; text-align: center;}
  .footer-menu{margin-bottom: .625em; text-align: center;}
  .footer-menu li{float: none; display: inline-block; margin-top: .3125em; margin-left: -4px;}
  .footer-menu li a{margin-bottom: .3125em;}
}
@media (max-width:992px){
  .footer .bqxx span.none{display: none !important;}
}
@media (max-width:414px){
  .footer-menu{width: 280px; margin-right: auto; margin-left: auto;}
  .footer-grid .biaozhi span#__ideConac img{height: 70px;}
  .footer-grid .biaozhi span#_span_jiucuo img{height: 45px;}
  .footer-grid .biaozhi span#_span_wzafw img{height: 45px;}
}

/* 关怀版 */
body.older .friendship-layer{display: none;}
/* body.older .friendship-layer > .container .hd{width: 168px;}
body.older .friendships{margin-left: 168px;}
body.older .friendships .select dt a{height: auto;}
body.older .friendships .select{width: 20%;}
body.older .friendships .select.s3{width: 35%;}
body.older .friendships .select.s4{width: 25%;} */

body.older .footer-grid .jiucuo{position: static; display: inline-block; margin-top: 0; width: auto;}
body.older .footer-grid .biaozhi{position: static; display: inline-block; width: auto; margin-top: 0;}